<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix='fmt' %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<title>商品详情</title>


<script type="text/javascript">
$(function(){
	$("div.productReviewDiv").hide();
	$("a.productDetailTopReviewLink").click(function(){
		$("div.productDetailDiv").hide();
		$("div.productReviewDiv").show();
		return false;  //为了阻止回到最顶端
	});
	$("a.productReviewTopPartSelectedLink").click(function(){
		$("div.productReviewDiv").hide();
		$("div.productDetailDiv").show();
		return false;//为了阻止回到最顶端
	});
});
</script>
<div class="productDetailDiv">
	<div class="productDetailTopPart" >
		<a class="productDetailTopPartSelectedLink selected" href="#">商品详情</a>
		<a class="productDetailTopReviewLink" href="#">累计评价 <span class="productDetailTopReviewLinkNumber">${product.reviewCount}</span></a>
	</div>
	<div class="productParamterPart">
		<div class="productParamter">产品参数：</div>
		<div class="productParamterList">
			<c:forEach items="${propertyValues}" var="pv">
				<span>${pv.property.name}:  ${fn:substring(pv.value,0,10)}</span>
			</c:forEach>
            <div style="clear:both"></div>
		</div>
		
	</div>
	<div class="productDetailImagesPart"> 
		<c:forEach items="${product.productDetailImages}" var="pi">
			<img src="./img/productDetail/${pi.id}.jpg"/>
		</c:forEach>
		
	</div>
</div>

</html>